.dialog-box{
    width: 785px;
    height: 554px;
    position: absolute;
    top: 106px;
    left: 205px;
    overflow-y: auto;
    z-index: 1;
    &::-webkit-scrollbar-track-piece{width:0px;background-color:#fff ;  }
    &::-webkit-scrollbar{width:0px;height:0px ; }
    &::-webkit-scrollbar-thumb{height:0px;background:#ccc;   cursor:pointer;}
    &::-webkit-scrollbar-thumb:hover{background:#ccc ; cursor:pointer}
    ul{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        width: 100%;
        min-height: 100%;
        li{
            width: 100%;
            display: flex;
            flex-direction: row;
            margin-bottom: 10px;
            flex-shrink: 0;
            .dialog-img{
                flex: 1;
                margin-right: 10px;
                padding-top: 5px;
                img{
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                }
            }
            .dialog-content{
                display: flex;
                flex-direction: column;
                flex: 19;
                background: #eee;
                border-radius: 5px;
                padding: 10px;
                font-size: 22px;
                p{
                    color: blue;
                }
                div{
                    word-break: break-all;
                }
            }
        }
    }
}

